<div class="carousel auto-play">
  <ul class="slides">
    <li id="slide-1" class="slide">
      <img src="https://i.loli.net/2019/11/16/cqyJiYlRwnTeHmj.jpg" alt="img1" />
    </li>
    <li id="slide-2" class="slide">
      <img src="https://i.loli.net/2019/10/18/Ujf6n75o8TtIsWX.jpg" alt="img2" />
    </li>
    <li id="slide-3" class="slide">
      <img src="https://i.loli.net/2019/10/18/buDT4YS6zUMfHst.jpg" alt="img3" />
    </li>
    <li id="slide-4" class="slide">
      <img src="https://i.loli.net/2019/10/18/uXF1Kx7lzELB6wf.jpg" alt="img4" />
    </li>
    <li id="slide-5" class="slide">
      <img src="https://i.loli.net/2019/11/03/RtVq2wxQYySDb8L.jpg" alt="img5" />
    </li>
    <li id="slide-6" class="slide">
      <img src="https://i.loli.net/2019/11/16/FLnzi5Kq4tkRZSm.jpg" alt="img6" />
    </li>
  </ul>
  <ul class="nav-dots">
    <li class="dot"><a href="#slide-1"></a></li>
    <li class="dot"><a href="#slide-2"></a></li>
    <li class="dot"><a href="#slide-3"></a></li>
    <li class="dot"><a href="#slide-4"></a></li>
    <li class="dot"><a href="#slide-5"></a></li>
    <li class="dot"><a href="#slide-6"></a></li>
  </ul>
  <ul class="nav-arrows">
    <li class="arrow-left"></li>
    <li class="arrow-right"></li>
  </ul>
</div>
